document.addEventListener('DOMContentLoaded', function () {
    // 定义数据结构
    const listData = [
        {
            img: "./images/img0010.jpg",
            desc: "我们仰望着同一片天空却看着不同的地方。",
            name: "——新海诚 《秒速5厘米》",
        },
        {
            img: "./images/img002.jpg",
            desc: "只要记住你的名字，不管你在世界的哪个地方，我一定会，去见你",
            name: "新海诚 《你的名字》——",
        },
        {
            img: "./images/img0014.jpg",
            desc: "就算发一千条短信，心与心之间的距离也不曾拉近过一厘米。",
            name: "——新海诚 《秒速五厘米》",
        },
        {
            img: "./images/img0015.jpg",
            desc: "一件事情是幸福还是不幸，关键是你怎么去看。",
            name: "新海诚 《她和她的猫》——",
        },
        {
            img: "./images/img009.jpg",
            desc: "她的疼痛和痛楚，让我的心狠狠揪紧，我知道，她比任何人都要努力，我想帮助她，但我却已经够不到她了",
            name: "——新海诚 《她和她的猫》",
        },
        {
            img: "./images/img004.jpg",
            desc: "谁都不可能和谁在一起一辈子。人就是这样，必须去习惯失去。",
            name: "新海诚 《秒速5厘米》——",
        },
        {
            img: "./images/img0012.jpg",
            desc: "我想这世间一定有一个人，和我一起努力着，做着类似的事情，怀揣着同样的梦想，然后某天，不期而遇。",
            name: "——新海诚 新海诚《十字路口》",
        },
        {
            img: "./images/img0011.jpg",
            desc: "即便再悲伤也要勇敢活下去，这是人类的诅咒，但一定，也是一种祝福。悲伤和悲伤相加，也许会等于得过且过的温暖",
            name: "新海诚 《追逐繁星的孩子》——",
        },
    ];

    // 渲染“精彩活动”部分
    // 渲染“精彩活动”部分
    function renderLandscapes() {
        const appContainer = document.getElementById("appInfo");
        if (!appContainer) return;

        // 清空容器，防止重复渲染
        appContainer.innerHTML = '';

        listData.forEach((landscape, index) => {
            // 创建一个新的 div 来表示每个电影项
            const recordItem = document.createElement('div');
            recordItem.classList.add('record-item');

            // 创建图像容器
            const imgElement = document.createElement('img');
            imgElement.src = landscape.img;
            imgElement.alt = landscape.name; // 使用 'name' 而不是 'title'
            if (index % 2 !== 0) {
                imgElement.classList.add('order-99', 'ml-20');
            }
            recordItem.appendChild(imgElement);

            // 创建文本容器
            const txtDiv = document.createElement('div');
            txtDiv.classList.add('record-txt', 'ml-20');

            // 添加描述
            const descP = document.createElement('p');
            descP.classList.add('txt-r');
            descP.textContent = landscape.desc;
            txtDiv.appendChild(descP);

            // 添加来源（这里假设你想显示的是 name）
            const titleP = document.createElement('p');
            titleP.textContent = landscape.name; // 显示 'name' 而不是 'title'
            txtDiv.appendChild(titleP);

            // 将文本添加到电影项
            recordItem.appendChild(txtDiv);

            // 将电影项添加到应用容器
            appContainer.appendChild(recordItem);
        });
    }

    // 在页面加载时调用渲染函数
    renderLandscapes();

})